<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>互动圈列表</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
    	.mui-content img{width: 100%;}
    	.mui-segmented-control{background: white;border: none;}
    	.mui-segmented-control .mui-control-item.mui-active{color: black;background: white;border-bottom: 2px solid #8dc21f;}
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{width: 50%;}
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #8dc21f;border-bottom: 2px solid #8dc21f!important;}
    	.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background: #8dc21f;}
    	.mui-control-content {background-color: white;}
		.mui-control-content .mui-loading {margin-top: 50px;}
		.mui-pull-bottom-tips {
			text-align: center;
			background-color: #efeff4;
			font-size: 15px;
			line-height: 40px;
			color: #777;
		}
    </style>  
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav"> 
		<h1 class="mui-title ">互动圈</h1>
		<span class="mui-pull-right fabiao"style="line-height: 44px;">发表</span>
	</header>
	
	<div id="content" class="mui-content">
		<div id="slider" class="mui-slider">
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<a class="mui-control-item mui-text-center mui-active" href="#item1mobile">圈子动态</a>
				<a class="mui-control-item mui-text-center" href="#item2mobile">我的发表</a>
			</div>
			<div id="pullrefresh" class="mui-slider-group">
				<div id="item1mobile" class="mui-control-content mui-active">
					<div id="scroll1" class="mui-scroll-wrapper">
						<div class="mui-scroll"></div>
					</div>
				</div>
				<div id="item2mobile" class="mui-control-content">
					<div id="scroll2" class="mui-scroll-wrapper">
						<div class="mui-scroll"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</body> 
	<script src="../js/mui.min.js"></script>
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.pullToRefresh.js"></script>
	<script src="../js/mui.pullToRefresh.material.js"></script>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/bbs-text-list.js" ></script>
    <script type="text/javascript" charset="UTF-8"> 
		mui.init({
		    pullRefresh : {
		        container:"#pullrefresh",
		        up : {
			       	height:100,
	      			auto:false,
			        contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
			      	contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
			      	contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
			        callback :function(){
			        	switch(defaultIndex){
							case 1:
								pullfresh_fun();
							break;
							case 2:
								pullfresh_fun(1);
							break;
						}
			        	stopPull ();
			        }
		        }
		    }
	   });   
	   
	   function stopPull () {
			setTimeout(function () {
			 mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
			},2000);
		}
    </script>
</html>